﻿html,body{overflow-x: hidden;}

.show{display: block!important;}
.hide{display: none!important;}
/*function style*/

i{font-style: normal;display: inline-block}
b{font-weight: normal }
u{text-decoration: none;}

.fl{float: left;}
.fr{float: right;}
.cf{zoom: 1;}
.cf:after{clear: both; height: 0; content: ''; visibility: hidden; display: block;}

.f_black{color: #333!important;}
.f_green{color: #60BA3F;}
.f_green2{color: #85BF45;}
.f_red{color: #dd4b39;}
.f_blue{color:#70CBEB;}
.f_blue2{color: #3366FF;}
.f_blue3{color: #4E92EE;}
.f_gray{color: #989898;}
.f_orange{color: #F39030;}
.f_orange2{color: #F99E7F;}

.f_18{font-size: 18px;}
.f_16{font-size:16px;}
.f_20{font-size:20px;}

.f_2rem{font-size: 2rem!important;}
.f_3rem{font-size: 3rem!important}

.b_btn{display: inline-block; width: 55%; text-align: center; padding: 3px 0; border-top-left-radius:999px; border-top-right-radius:999px; border-bottom-left-radius:999px; border-bottom-right-radius:999px;}
.b_gray{border: 1px solid #bbb; color: #bbb;}
.b_green{border: 1px solid #78B830; color: #78B830;}
.b_orange{border: 1px solid #F3831A; color: #F3831A;}
/*base style*/
/*btn按钮类的样式*/
.u-btn{
	display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;
	padding:3% 12px; font-size: 3rem;
	border:none;border-radius:5px;
	letter-spacing:1px;text-align:center;vertical-align:middle;
	word-wrap:normal;white-space:nowrap;
	color: #fff;
}
/*btn color*/
.u-btn-blue{background-color: #6699CC;}
.u-btn-blue2{background-color: #00C3E8;}
.u-btn-blue3{background-color: #01aef0;color: white;}
.u-btn-green{background-color: #78B830;}
.u-btn-green2{background-color: #04BE02;}
.u-btn-gray{background-color: #E1DFDA; color: #000;}
.u-btn-orange{background-color: #F39C12;}
/*btn size*/
.u-btn-lg{width: 100%; padding: 4% 0;}
.u-btn-sm{padding: 1.4% 12px 1.3% 12px; font-size: 3rem;}
/*btn fontsize*/
.u-btn-flg{font-size: 16px;}

/*flex布局下的对齐方式*/
.f-flex{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.f-alignC{align-items: center; -webkit-align-items: center;}
.f-alignT{align-items: flex-start; -webkit-align-items: flex-start;}
.f-alignB{align-items: flex-end; -webkit-align-items: flex-end;}
.f-fend{-webkit-justify-content: flex-end; justify-content: flex-end;}
.f-fstart{-webkit-justify-content: flex-start; justify-content: flex-start;}
.f-flex1{display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
/*过长隐藏*/
.f-oflow{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*custom span*/
.sp{color: #fff; border-radius: 3px; padding: 3px 4px; font-size: 12px;}
.sp-red{background: #FF8266;}
.sp-blue{background: #00C5E8;}
.sp-green{background-color: #70C14B;}
.sp-pink{background-color: #FFCAFC;}

.sp-cir{display: inline-block; border-radius: 100%; text-align: center;}

.input_border_0{border: 0;background-color:#FFFFFF ;}


/*介绍页,如医生介绍、科室介绍等*/
.registered_header{padding: 10% 0 6% 18%;background-color: white;overflow: hidden;border-bottom: 10px solid #F5F5F5;}
/*.registered_header img{width: 25%;}*/
.registered_header .weizhi{width:68%;margin-left: 32%;overflow: hidden;}
.weizhi div{width: 100%;padding: 2% 0;float: left;}
.weizhi>span{font-size: 4rem;width: 100%;color: #333;float: left;}
.weizhi div span{width: 93%;font-size: 2.5rem;color: #666;float: left;}
.weizhi div span a{display: inline-block;}
.weizhi div span i,.registered_time span i{font-style: normal;color: #fb6e52;display: inline-block;margin: 0 2%;vertical-align: top;}
.weizhi div img{width: 5%;margin-right: 2%;float: left;margin-top: 1px;}

.ks_warp{padding: 3% 5%; border-top: 5px solid #EBEBEB;}
.ks_warp .ks_title{border-left: 2px solid #62BF40; font-size: 16px; font-weight: normal; margin-bottom: 5%;}
.ks_warp .ks_title strong{margin-left: 3%; font-weight: normal;}
.ks_warp .ks_con{font-size: 14px; margin:0 0 6% 3%;}

.fix_footer{text-align: center; position: fixed; bottom: 0; z-index: 99; width: 100%; padding: 2% 0; background: #fff;}
.fix_footer a{display: inline-block; padding: 2% 0; width: 40%; color: #fff; background-color: #78B830; color: #fff; border: none; font-size: 14px; border-radius: 5px;}

/*列表页,如医生列表、就医咨询等*/
.ylt_list li{padding-left: 5%; border-bottom: 1px solid #DEDEDE; position: relative;}
.ylt_list a{display: block; width: 100%; padding: 4% 0;}
.ylt_list img{display: inline-block; width: 15%; vertical-align: middle;}
.ylt_list .it_name{display: inline-block; margin: 0 3% 0 3%;}
.ylt_list .fr_arrow{position: absolute;right: 10px;top:calc(50% - 8.5px);width: 15px;height: 17px;background: url(../css/images/icon_jiantou@2x.png) no-repeat;background-size: 9px;}

/*预约成功和取消预约查看报告等公用样式*/
.appoint_header{padding: 5% 2% 5% 5%; border-bottom: 8px solid #E5E5E5;min-height: 50px; overflow: hidden;}
.appoint_header>img{float: left;margin-top: 4%;width: 12%; margin-right: 5%;}
.appoint_header>.tips_con {float: left;max-width: 83%;}
/*.appoint_header>.tips_con>p{max-height: 40px;}*/
/*.appoint_header .appoint_icon{display: block; }*/
.tips_con .appointment_status{font-size: 3.7rem; font-weight: normal; margin-bottom: 3%;}
.tips_con .appointment_tips{font-size: 2.5rem;}
.appoint_body{padding: 0 3%;}
.appoint_body .list_head{padding: 2% 0; border-bottom: 1px solid #E5E5E5;}
.appoint_body .list_head p{text-indent: 15px; border-left: 5px solid #7EC655; font-size: 3rem; font-weight: normal;}
.appoint_body .list_body{border-bottom: 2px solid #E8E6E3;}
.appoint_body .list_body:nth-last-of-type(1){border-bottom: none;}
.list_body li{padding: 5% 3%; border-bottom: 1px solid #E8E6E3;}
.list_body span{display: block; font-size: 2.8rem;}
.list_body .item_info{text-align: right;}

/*住院费用信息、住院费用一日清等页面公用样式*/
.u_blank{border-bottom: 8px solid #E5E5E5;}
.u_blank .u_head{padding: 4% 5%;overflow: hidden;}
.u_blank .u_head img{width:4.5%; margin: 0 4% 0 0;float: left;}
.u_blank .u_head_vl{font-size: 3rem;float: left;}
.u_blank_list li{padding: 2% 5%; position: relative;}
.u_blank_list span{display: block; font-size: 2.6rem;}
.u_blank_list input[type=text]{display: block; font-size: 2.6rem; border: none;}
.u_blank_list .u_list_tit{width: 30%;}

/*新增就诊人、编辑就诊人、在线建卡等公用样式*/
.xz_jzr{}
.xz_jzr li{padding: 4% 0; border-bottom: 1px solid #E5E5E5; position: relative;overflow: hidden;}
.xz_jzr img,.xz_jzr span,.xz_jzr input{float: left; font-size: 3rem; font-family: "microsoft yahei";}
.xz_jzr input{border: none;}
.xz_jzr .xz_icon{width: 5%; margin: 0 2% 0 5%;float: left}
.xz_jzr .xz_tit{width: 18%;}
.xz_jzr li .xz_abs_icon{position: absolute; width: 15%; height: 100%; top: 0; right: 0;}
.xz_jzr li i{position: absolute; left: 1%; top: 35%;}
.xz_jzr li .xz_abs_icon img{width: 40%; margin-top: 30%;}

.mr_jzr{margin: 3% 0; padding: 3% 4%; position: relative; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5;}
.mr_jzr .mr_tit{font-family: "microsoft yahei"; font-size: 3rem; display: block;}
.mr_jzr .mr_checkbox,.mr_jzr .mr_hook{display: block; position: absolute;  width: 12%; height: 100%; right: 3%;  top: 0;}
.mr_jzr .mr_checkbox{z-index: 99; opacity: 0;}
.mr_jzr b{display: block; width: 20%;}

.mr_tips{font-size: 2.6rem; padding: 2% 4%;}

.xz_bth{padding: 8% 6% 3%;}

/*popwindow*/
#popwindow_mask{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 99;}
#popwindow_wrap{position: fixed; bottom: 0; width: 100%; z-index: 100;}
#popwindow_wrap .pop_header,#popwindow_wrap .pop_footer,#popwindow_wrap li{text-align: center; padding: 3% 0; background-color: #fff; font-size: 3rem; font-family: "microsoft yahei"; border-bottom: 1px solid #E5E5E5;}
#popwindow_wrap .pop_active{color: #0000FF;}

/*页脚*/
/*#foot_end{width: 100%; color: #989898; text-align: center; padding: 3% 0; font-size: 2.6rem; font-family: "microsoft yahei"; }*/


/*查看报告*/
.item_head{overflow: hidden;}
.item_head>img{float: left;}
.item_head>h3{float: left;}
.item_head>form{float:right;}

.appoint_footer button{margin-bottom: 6px;}
.appoint_footer2{text-align: center;}
.appoint_footer2>button{width: 48%;} 
.appoint_footer2>a{width: 48%;margin-bottom: 6px;}
#cancel_appoint{margin-right: 2%;}

.date{align-items: center;border-top: 1px solid #E5E5E5; padding: 4% 5%;}
.date span{font-size: 2.5rem;}
.date span:first-child{float: left;margin-left: 4%;padding: 1% 0;}
.date{text-align: center;overflow: hidden;}
.date span:nth-child(2){padding: 0.9% 0;display: inline-block;}
.date span:last-child{float: right;margin-right: 2%;margin-top: -0.5px;}
.date .b_btn{ width: 20%; border-radius: 6px;}

.jzr_info {overflow: hidden;}
.jzr_info span{float: left;}


.doctors_header{padding:5% 5% 0 5%;overflow: hidden;}
.doctors_header>img{float: left;width: 20%;}
.doctors_header>div{float: left;width: 73%;}
.doctors_header>div>div{min-width: 150px;}

.doctors_header .doctor_address>img{display: inline-block;vertical-align: middle;margin-right: 3px;}
.doctors_header .doctor_address>.doc_location{display: inline-block;vertical-align: middle;}
.doctors_header .doctors_wp .doctor_name{overflow: hidden;}
.doctors_header .doctors_wp .doctor_name .doc_rel_name{float: left;margin-bottom: 2%;}
.doctors_header .doctors_wp .doctor_name .doc_title{float: left;}

.doctor_introduce{overflow: hidden;}

.item_head{overflow: hidden;}
.item_head img{float: left;}
.item_head h3{float: left;}

 .mz_wp {
    position: relative;
}
 .mz_wp .icon_href{
 	position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 20%;
    height: 99%;
    text-align: center;
    z-index: 99;
    background-color: #fff;
}
.mz_wp .icon_href img {
    display: inline-block;
    width: 60%;
    margin-top: 40%;
}




.jiantou_up{display: inline-block; padding: 2%; background: url(../../../assets/css/images/jiantou-@2x@2x.png) no-repeat ;background-size: 100%;background-position: 0px 110%;}
.jiantou_down{background-position: 0 -40%;}

.time_select_div{
	
}
.time_div{
	text-align: center;
	padding: 5% 25%;
	font-size: 3rem;
	border-top: 1px solid #F5F5F5;
}
.time_div i{color: #999;font-style:normal;margin-left: 4%;}
.time_div b{padding: 3%;margin-top: 0.5%;}
.time_box{display: none;overflow: hidden;padding: 0 1.5%;}

.time_box li{
	float: left;
	width: 28.12%;
	padding: 3% 0;
	text-align: center;
	font-size: 3rem;
	margin-left: 3.82%;
}
.time_box .time_box_li_bg{
	background-color:#fbb039 ;
	color: white;
}